<!--suppress ALL -->
<template>
  <div class="home">
    <img alt="Vue logo" src="../assets/logo.png">
    <div>woshishui</div>
  </div>
</template>

<script lang="ts">
import { Component, Vue } from 'vue-property-decorator'
import { namespace, State, Action, Mutation } from 'vuex-class'
const someModule = namespace('Auth');

import store from '@/store';
import { getModule } from 'vuex-module-decorators';
import Auth from '@/store/modules/auth';
const auth = getModule(Auth, store);

@Component
export default class HelloWorld extends Vue{
  @someModule.State('count') private count!: number; // 重命名
  @someModule.Mutation('decrement') decrement!:any;

  async mounted() {
    console.log("TS牛逼+破音:"  + this.count);
    await auth.decr();
    console.log("TS牛逼+破音2:" + this.count);
  }
}
</script>
